<?php
/**
 *
 *
 */
?>

<?php
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
$this->need('header.php');?>

    <section id="features" class="wow fadeIn">
        <div class="container" >
                <?php
                $this->widget('Widget_Archive@index', 'type=category', 'mid=2')->to($categoryPosts);
                for ($post = $categoryPosts->next(); $post != false; $post = $categoryPosts->next()) {
                ?>
                <?php $i=1;?>
                <div class="col-md-4 col-sm-6 col-xs-6 blog-listing wow"<?php if($i<=3){
                    $j=$i*300; echo ' data-wow-duration="'.$j.'ms"';} $i=$i+1;?> >
                    <div class="blog-image"><a href="<?php echo $post['permalink']; ?>"><img src="<?php echo get_postthumb($post['text']); ?>" alt=""/></a></div>
                    <div class="blog-date"><a href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a> 发布 | <?php $this->date('Y-m-d'); ?></div>
                    <div class="blog-title"><a href="<?php echo $post['permalink']; ?>"><?php $post['title']; ?></a></div>
                    <a href="<?php echo $post['permalink']; ?>">
                    <div class="blog-short-description" style="font-weight: bolder;"><?php echo $post['title']; ?></div>
                    </a>
                    <div class="separator-line bg-black no-margin-lr"></div>
                    </div>
                <?php } ;?>
            </div>
        </div>
    </section>

    <section id="features" class="wow fadeIn">
        <div class="container">
            <div class="row">
                <!-- content  -->
                <?php if($this->have()):?><?php while($this->next()): ?><!-- post item -->
                <div class="blog-listing blog-listing-classic blog-listing-full wow fadeIn">
                    <div class="col-md-2 col-sm-2 col-xs-5 clearfix text-center no-padding-right xs-padding-right">
                        <div class="blog-date no-padding-top"><?php $this->category(' '); ?></div>
                        <!-- post by -->
                        <div class="blog-date-right no-padding-bottom"><?php $this->date('Y-m-d'); ?></div>
                        <div class="blog-date-right"><a href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a> 发布</div>
                        <!-- end post by -->
                        <div class="separator-line bg-black no-margin-lr no-margin xs-margin-bottom-ten"></div>
                    </div>
                    <div class="col-md-10 col-sm-10 col-xs-12 no-padding-left xs-padding-left">
                        <div class="blog-details">
                            <div class="blog-title"><a href="<?php $this->permalink(); ?>"><?php $this->title(60); ?></a></div>
                            <div><a href="<?php $this->permalink(); ?>" class="blog-like"><i class="fa fa-eye"></i> <?php get_post_view($this); ?> 浏览</a><a href="<?php $this->permalink(); ?>#respond" class="comment"><i class="fa fa-comment-o"></i> <?php $this->commentsNum('0', '1', '%d'); ?> 回复</a></div>
                            <div class="separator-line bg-black no-margin-lr margin-four"></div>
                            <div><?php $this->excerpt(200, '...'); ?></div>
                            <a class="highlight-button-black-border btn btn-medium margin-five no-margin-bottom" href="blog-single-full-width.html">继续浏览</a>
                        </div>
                    </div>
                </div>
                <!-- end post item --><?php endwhile; ?><?php endif; ?>

                <!-- end content  -->
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12 wow fadeInUp">
                    <!-- pagination -->
                    <?php $this->pageNav('<i class="fa fa-arrow-left"></i>', '<i class="fa fa-arrow-right"></i>', 1, '', array('wrapTag' => 'div', 'wrapClass' => 'pagination', 'itemTag' => '', 'textTag' => '', 'currentClass' => 'active', 'prevClass' => 'prev', 'nextClass' => 'next')); ?>
                    <!-- end pagination -->
                </div>
            </div>
        </div>
    </section>



<?php $this->need('footer.php'); ?>